@import './base.css';

@layer base {
  body {
    @apply overflow-hidden tracking-wide;
  }
}

@layer shiki {
  html.dark .shiki,
  html.dark .shiki span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;

    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
    transition: background-color var(--default-transition-duration)
      var(--default-transition-timing-function);
  }
  pre.shiki {
    transition: background-color var(--default-transition-duration)
      var(--default-transition-timing-function);
  }
}
